<%
var styleSection={
%>
<link rel="stylesheet" href="${resourcePath}/style/manage/style.css"/>
<style>
    html, body {
        display: block;
        margin: 0;
        padding: 0;
        width: 100%;
        height: 100%;
    }

    .hci-dialog-detail {
        position: relative;
        padding-top: 20px;
        padding-bottom: 5px;
    }

    .hci-dialog-detail input {
        border: 1px solid #d3d3d3;
        height: 22px;
        line-height: 22px;
        padding: 0 3px;
        width: 176px;
    }

    .hci-dialog-detail textarea {
        border: 1px solid #d3d3d3;
    }

    .hci-dialog-detail input:focus, textarea:focus {
        border: 1px solid #3aabf2;
    }

    .hci-dialog-detail .hci-col1 {
        width: 315px;
        margin-top: 10px;
        vertical-align: middle;
    }

    .hci-dialog-detail .col-item1 {
        width: 305px;
        display: inline-block;
        vertical-align: middle;
    }

    .hci-dialog-detail label {
        display: inline-block;
        width: 95px;
        text-align: right;
        color: #8c8c8c;
        vertical-align: top;
        height: 31px;
        line-height: 31px;
        font-size: 12px;
    }

    .hci-dialog-detail span {
        display: inline-block;
        vertical-align: top;
        padding-top: 2px;
    }

    .hci-dialog-detail label i {
        color: red;
    }
</style>
<%};%>

<%
var scriptSection={
%>
<script type="text/javascript" src="${resourcePath}/lib/validform/Validform_v5.3.2.js?version=${version}"></script>
<script type="text/javascript" src="${ctxPath}/script/dev/excel/list.js?version=${version}"></script>
<script>
    document.getElementById('btn-add').onmouseover = function () {
        this.style.background = '#9bc0fa'
    }
    document.getElementById('btn-add').onmouseout = function () {
        this.style.background = '#dddddd'
    }
</script>
<%};%>

<%
var bodySection={
%>
<div class="hci-dialog-detail" id="import-excel-file" style="height: 100%;display: none;">
    <form id="import-excel-detail" onsubmit="return false;">
        <div class="hci-col1">
            <div class="col-item1">
                <label>
                    <i>*</i>
                    业务名称：
                </label>
                <span>
                  <div id="selExcel" style="display: inline-block;vertical-align:top;"></div>
                </span>
            </div>
        </div>
        <div class="hci-col1">
            <div class="col-item1">
                <label>
                    <i>*</i>
                    上传文件：
                </label>
                <span>
                <input type="file" id="file">
            </span>
            </div>
        </div>
        <div style="height: 20px;"></div>
    </form>
    <div id="grid-medical-item" style="width: 100%;border-top:1px solid #ccc;"></div>
    <div class="hci-col1">
        <div class="col-item1">
            <span>
                <input type="button" name="btnSave" id="btn-add" value="开始上传Excel"
                       style="width:150px; height: 35px;margin-left: 90px">
            </span>
        </div>
    </div>
    <div class="hci-col2">
        <div class="col-item2" style="color: #c2c2c2;text-align: center;line-height: 100px;font-size: 40px;">
            Excel导入配置<br>可视化界面
        </div>
    </div>
</div>
<%};%>

<%
include("/_share/manage-default.html",{title:"Excel导入配置",styleSection:styleSection,bodySection:bodySection,libScriptSection:null,scriptSection:scriptSection}){}
%>